iT邦幫忙

2021 iThome 鐵人賽

DAY 2
0
Modern Web

初學者跪著學JavaScript系列 第 2

初學者跪著學JavaScript Day2

  • 分享至 

  • xImage
  •  

JavaScript 由 Netscape 公司發明,此公司曾經是瀏覽器王者後來輸給了Internet Explorer,到後來公司
宣布瀏覽器停止更新。

JavaScript 是一種可以在瀏覽器上執行的程式語言。它通過動態更新內容、驗證表單數據、控制多媒體、動畫圖像
以及網頁上的幾乎所有其他內容,將靜態 HTML 網頁變成互動式網頁。

  1. JavaScript 是唯一一種 Web 瀏覽器原生的程式語言

  2. 入門門檻低

以前的網頁是靜態呈現但不能帶給使用者更豐富的介面體驗,為了實現複雜功能就會使用後來出現的腳本來實現

HTML、CSS、JavaScript 之間關係

HTML : 先幫網頁定義哪些用段落、哪些用<div>、哪些<footer>....等(草稿)

CSS : 幫HTML 加上樣式(上色)

JavaScript : 控制讓事情可以動態呈現(左右擺動)

執行順序

順序是由上到下,但會有同步和非同步事件會造成困惑

瀏覽器的每個分頁有獨立的空間來執行程式碼(稱「執行環境Execution environments」)

特性

弱型別語言

高階語言

函式是頭等公民,可以回傳也可以被傳入

函式閉包( function closure ),除了自己範圍內也可以使用外部變數

可見範圍( scope )

JavaScript 使用原型物件來實作物件導向

ECMAScript是JavaScript的標準

語言規範的開發始於 1996 年 11 月

ECMA 標準的第一版被 1997 年 6 月被採納

ECMAScript 2015( ES2015,第 6 版,最早被稱作是 ECMAScript 6(ES6))


增加語法

let
const
Arrow Functions
For/of
Map Objects
Set Objects
Classes
Promises
Symbol
Default Parameters
Function Rest Parameter
String.includes()
String.startsWith()
String.endsWith()
Array.from()
Array.keys()
Array.find()
Array.findIndex()
New Math Methods
New Number Properties
New Number Methods
New Global Methods
Iterables Object.entries
JavaScript Modules

是大改版

在工作室和大家在當個創世神遊戲裡訓練的繪圖能力

畫的很棒吧

資料來源:
忍者開發技巧探秘第二版
alphacamp-JavaScript 是什麼?認識JS的起源與前世今生
mdn
維基百科ECMAScript
w3chool


上一篇
初學者跪著學JavaScript-Day1
下一篇
初學者跪著學JavaScript Day3 : 變數Variable、宣吿var
系列文
初學者跪著學JavaScript30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
Chris
iT邦新手 3 級 ‧ 2021-09-18 21:05:13

畫的很棒唷!

我要留言

立即登入留言